<!--
 * @FileDescription 毫米波雷达设置
 * @Author 杨宇翔
 * @Date 20220530 19:52:57
 * @LastEditors 杨宇翔
 * @LastEditTime 20220530 19:52:57
-->
<template>
    <span>毫米波雷达设置</span>
    <div class="container">
        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarBaseInformation')">
            <span class="colorblack">基本状态查询</span>
            <!--UseRadarBaseInformation-->
        </button>

        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarBaseConfiguration')">
            <span class="colorblack">基本配置</span>
            <!--UseRadarBaseConfiguration-->
        </button>

        <!-- 
            <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarFilterInformation')">
            <span class="colorblack">过滤器状态查询</span>
        </button>

        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarFilterConfiguration')">
            <span class="colorblack">过滤器设置</span>
        </button>

        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarCollisionDetectionConfiguration')">
            <span class="colorblack">碰撞检测配置</span>
        </button>

        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UseRadarCollisionDetectionAreaConfiguration')">
            <span class="colorblack">碰撞检测区域设置</span>
        </button>
     -->

        <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('UsageAxis')">
            <span class="colorblack">坐标轴设置</span>
            <!--UseRadarCollisionDetectionAreaConfiguration-->
        </button>

        <!-- <button class="reset" type="button"
            @click="UsageForMillimeterWaveRadarComponent.Default.OnNavigateToChildAsync('ProtocolPage')">
            <span class="colorblack">协议解读</span>
            UseRadarCollisionDetectionAreaConfiguration
        </button> -->
        
    </div>
</template>

<script setup lang="ts">
import { UsageForMillimeterWaveRadarComponent } from './ExamComponent';
</script>

<style scoped>
span:not(button>span) {
    display: inline-block;
    width: calc(100% - 0.6rem);
    height: 5rem;

    margin-top: 2rem;
    margin-left: 0.6rem;
    padding-left: 1.4rem;

    color: #B1B1D4;
    font-size: 1.8rem;
    line-height: 5rem;

    border-bottom: solid 0.1rem #1F1F2D;
}

.container {
    padding-top: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;

    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 1rem;
}

button {
    height: 3.4rem;

    background-color: #36384B;
    border-radius: 0.6rem;
}

button:hover {
    background: linear-gradient(90deg, #807DE1 0%, #218CDE 100%);
}

button>span {
    color: white;
    font-size: 1.6rem;
}
</style>